<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta HTTP-EQUIV="Pragma" CONTENT="no-cache">
		<meta HTTP-EQUIV="Expires" CONTENT="-1">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>我的主页</title>
		<link rel="shortcut icon" href="img/favicon.ico" />
		<link rel="bookmark" href="img/favicon.ico" type="image/x-icon" 　/>
		<link rel="stylesheet" type="text/css" href="css/swiper.min.css"/>
		<link rel="stylesheet" type="text/css" href="css/common.css" />
			<link rel="stylesheet" type="text/css" href="css/page.css"/>
		<link rel="stylesheet" type="text/css" href="css/index.css" />
		<style type="text/css">
			.swiper-slide{
				height: 100px;
				padding: 10px 0px 0 0px;
			}
			.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
				width: 500px;
			}
			.swiper-container-horizontal>.swiper-pagination-bullets{
				top: -6px;
				bottom: initial;
			}
			.swiper-button-prev{
				background: url(img/jt-left.png)no-repeat;
				/*background-size: ;*/
				top: 36%;
				left: 0;
			}
			.swiper-button-next{
				background: url(img/jt-right.png)no-repeat;
				top: 36%;
				right: -9px;
			}
			.new-wuqu .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
				width: 60px;
			}
		</style>
	</head>
	<body>
		<!--头部-->
		<div class="head clearfix">
			<div class="width1200">
				<div class="left">
					<a href="index.html"><img width="200" class="" src="img/logo.png"/></a>
				</div>
				<div class="left">
					<ul class="clearfix top-nav relative">
						<li class="nav-li">
							<a href="javascript:;">音乐单曲</a>
							<ul class="nav-list absolute">
								<li><a href="song-classify.html" class="active">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
							</ul>
						</li>
						<li class="nav-li">
							<a href="index-DV.html">DVJ视频</a>
							
						</li>
						<li class="nav-li">
							<a href="song-spun.html">串烧</a>
							
						</li>
						<li class="nav-li">
							<a href="index-taoqu.html">套曲</a>
							
						</li>
						<li ><a href="index-music-man.html">音乐人</a></li>
						<li><a href="mall.html">商城</a></li>
						<li><a href="index-information.html">资讯</a></li>
					</ul>
				</div>	
				<div class="right">
					<div class="right padding_lr10 text-center my-box">
						<img class="vertical-align_m icon-my" src="img/icon-my.png" alt="" />
						<br />
						<img class=" vertical-align_m" src="img/vip.png"/><span class="color_ff ">100金币</span>
						<span class="relative">
							<ul class="absolute login-style my-list">
								<li><a href="my.html"><img src="img/iconmy-01.png"/>我的主页</a></li>
								<li><a href="my-news.html"><img src="img/iconmy-02.png"/> 我的消息</a></li>
								<li class="vip-a"><a href="javascript:;" ><img src="img/iconmy-03.png"/> VIP会员</a></li>
								<li><a href="my-set.html"><img src="img/iconmy-04.png"/>个人设置</a></li>
								<li><a href="vip.html"><img src="img/iconmy-05.png"/>会员中心</a></li>
								<li><a href="javascript:;"><img src="img/iconmy-06.png"/>退出</a></li>
							</ul>
						</span>
					</div>
					<div class="right padding_tb10">
						<span class="relative top-secher">
							<input type="text" name=""  value="" placeholder="搜索音乐 、套曲" />
							<img class="absolute find-img" src="img/icon-find.png"/>
						</span>
					</div>
				</div>
			</div>
		</div>

    	<div class="bg_ff padding_b50">
    		<div class="width1200">
    			<div class="my-top mg_top40">
    				<dl class="clearfix">
    					<dt class="relative left">
    						<img src="img/music03.png"/>
    						<label for="file" class="my-file absolute color_ff">点击更换图片</label>
    						<input type="file" name="file" id="file" value="" hidden="hidden" />
    					</dt>
    					<dd class="left bor_b padding_tb10">
    						<h4 class=" ">
    							<span>wi1234755</span>
    							<img width="35" class="vertical-align_m mg_left10" src="img/leave1.png"/>
    							<img width="20" class="vertical-align_m mg_r10" src="img/icon-woman.png"/>
    							
    						</h4>
    						<p class="mg_top10">
    							<span>关注：10</span>
    							<a href="javascript:;" class="basic_a mg_left20" onclick="recharge()" >充值</a> 
    							<span class="mg_left20">VIP剩余下载量：10</span>
    						</p>
    						<p class="mg_top10 my-abox">
    							<span>余额：100金币</span>
    							<span class="mg_left20 mg_r20">积分：100分</span>
    							<a href="javascript:;" class="tx-a">提现</a>
    						</p>
    						<p class="mg_top10">
    							<span class="mg_r20">年龄：26</span>
    							<span class="mg_r20">星座：双子座</span>
    							<span class="mg_r20">所在地：四川成都</span>
    						</p>
    						<p class="mg_top10">简介：简介简介简介简介简介简介简介简介简介简介简介简介简介简介</p>
    					</dd>
    				</dl>
    			</div>
    			<div class="mg_top40">
    				<h4 class="tittle padding_10 bor_b">
    			       <strong class=" font_16">我创建的音乐盒(2)</strong> 
    			       <a href="song.html" class="right blue">更多&gt;&gt;</a>
    			    </h4>
    			    <div class="music-box1 mg_top20 clearfix" >
    			    	<dl class="mg_b20">
    			    		<a href="my-fouce.html">
    			    		    <dt class="relative">
	    			    			<img src="img/my-img2.png"/>
	    			    			<h6 class="absolute color_ff my-file ">
	    			    				<span class="left mg_left5">歌曲数:20</span>
	    			    				<span class="right mg_r5">2018-10-30</span>
	    			    			</h6>
	    			    		</dt>
	    			    		<dd class="mg_top10 text">
	    			    			我的关注
	    			    		</dd>
    			    		</a>
    			    	</dl>
    			    	<dl class="mg_b20">
    			    		<a href="my-upload.html">
	    			    		<dt class="relative">
	    			    			<img src="img/my-img2.png"/>
	    			    			<h6 class="absolute color_ff my-file ">
	    			    				<span class="left mg_left5">歌曲数:20</span>
	    			    				<span class="right mg_r5">2018-10-30</span>
	    			    			</h6>
	    			    		</dt>
	    			    		<dd class="mg_top10 text">
	    			    			我的上传
	    			    		</dd>
    			    		</a>
    			    	</dl>
    			    </div>
    			</div>
    			<div class="mg_top40">
    				<h4 class="tittle padding_10 bor_b">
    			       <strong class=" font_16">我的收藏(3)</strong> 
    			    </h4>
    			    <div class="music-box1 mg_top20 clearfix" >
    			    	<!--收藏的歌曲-->
    			    	<dl class="mg_b20">
    			    		<a href="song.html">
	    			    		<dt class="relative">
	    			    			<img src="img/my-img2.png"/>
	    			    			<h6 class="absolute color_ff my-file ">
	    			    				<span class="left mg_left5">歌曲数:20</span>
	    			    				<span class="right mg_r5">2018-10-30</span>
	    			    			</h6>
	    			    		</dt>
	    			    		<dd class="mg_top10 text">
	    			    			<p>单曲</p>
	    			    			<p class="mg_top10">你是不是我最重要定位</p>
	    			    			
	    			    		</dd>
    			    		</a>
    			    	</dl>
    			    	<!--收藏的视频-->
    			    	<dl class="mg_b20">
    			    		<a href="my-video.html">
	    			    		<dt class="relative">
	    			    			<img src="img/my-img2.png"/>
	    			    			<h6 class="absolute color_ff my-file ">
	    			    				<span class="left mg_left5">歌曲数:20</span>
	    			    				<span class="right mg_r5">2018-10-30</span>
	    			    			</h6>
	    			    		</dt>
	    			    		<dd class="mg_top10 text">
	    			    		    <p>视频</p>
	    			    			<p class="mg_top10">你是不是我最重要定位</p>
	    			    		</dd>
    			    		</a>
    			    	</dl>
    			    	<!--套曲-->
    			    	<dl class="mg_b20">
    			    		<a href="my-collction-taoqu.html">
	    			    		<dt class="relative">
	    			    			<img src="img/my-img2.png"/>
	    			    			<h6 class="absolute color_ff my-file ">
	    			    				<span class="left mg_left5">歌曲数:20</span>
	    			    				<span class="right mg_r5">2018-10-30</span>
	    			    			</h6>
	    			    		</dt>
	    			    		<dd class="mg_top10 text">
	    			    		    <p>套曲</p>
	    			    			<p class="mg_top10">你是不是我最重要定位</p>
	    			    		</dd>
    			    		</a>
    			    	</dl>
    			    	<!--音乐人-->
    			    	<dl class="mg_b20">
    			    		<a href="my-collction-music.html">
	    			    		<dt class="relative">
	    			    			<img src="img/my-img2.png"/>
	    			    			<h6 class="absolute color_ff my-file ">
	    			    				<span class="left mg_left5">歌曲数:20</span>
	    			    				<span class="right mg_r5">2018-10-30</span>
	    			    			</h6>
	    			    		</dt>
	    			    		<dd class="mg_top10 text">
	    			    			<p>音乐人</p>
	    			    			<p class="mg_top10">你是不是我最重要定位</p>
	    			    		</dd>
    			    		</a>
    			    	</dl>
    			    </div>
    			</div>
    		</div>
		</div>
    		<div class="mask vip-mask" style="display: block;">
	    		<h4 class="padding_10 text-center mask-tittle color_ff">小胡子  VIP等级:3  (余额：100金币)</h4>
	    		<div class="paystyle-top">
	    			<a href="javascript:;"  class="active">开通VIP</a>
	    			<a href="javascript:;">超级VIP</a>
	    			<a href="javascript:;">余额充值</a>
	    		</div>
	    		<div class="paystle-main bor_ds">
	    			<div class="mg_tb20 vip paystle-boss active">
	    				<div class="paystle-box1 clearfix">
				    	    <div class=" mg_top10 vip" >
						    	<div class="swiper-container">
							    	<div class="swiper-wrapper new-wuqu-list">
								    	<div class="swiper-slide">
								    		<div class="pay-list text-center relative ">
									      		<p>￥200</p>
									      		<h6 class="">VIP一个月</h6>
									      		<div class="absolute vip-font text_left">
									      			<p>会员权限可下载：串烧区、单曲、套曲、音乐人、视频</p>
									      			<p class="mg_top5">每天下载：10首</p>
									      		</div>
									      	</div>
								    		<div class="pay-list text-center relative ">
									      		<p>￥200</p>
									      		<h6 class="">VIP一个月</h6>
									      		<div class="absolute vip-font text_left">
									      			<p>会员权限可下载：串烧区、单曲、套曲、音乐人、视频</p>
									      			<p class="mg_top5">每天下载：10首</p>
									      		</div>
									      	</div>
								    		<div class="pay-list text-center relative ">
									      		<p>￥200</p>
									      		<h6 class="">VIP一个月</h6>
									      		<div class="absolute vip-font text_left">
									      			<p>会员权限可下载：串烧区、单曲、套曲、音乐人、视频</p>
									      			<p class="mg_top5">每天下载：10首</p>
									      		</div>
									      	</div>
								    		<div class="pay-list text-center relative ">
									      		<p>￥200</p>
									      		<h6 class="">VIP一个月</h6>
									      		<div class="absolute vip-font text_left">
									      			<p>会员权限可下载：串烧区、单曲、套曲、音乐人、视频</p>
									      			<p class="mg_top5">每天下载：10首</p>
									      		</div>
									        </div>
								    	</div>
								    	<div class="swiper-slide">
								    		<div class="pay-list text-center relative ">
									      		<p>￥200</p>
									      		<h6 class="">VIP一个月</h6>
									      		<div class="absolute vip-font text_left">
									      			<p>会员权限可下载：串烧区、单曲、套曲、音乐人、视频</p>
									      			<p class="mg_top5">每天下载：10首</p>
									      		</div>
									      	</div>
								    		<div class="pay-list text-center relative ">
									      		<p>￥200</p>
									      		<h6 class="">VIP一个月</h6>
									      		<div class="absolute vip-font text_left">
									      			<p>会员权限可下载：串烧区、单曲、套曲、音乐人、视频</p>
									      			<p class="mg_top5">每天下载：10首</p>
									      		</div>
									      	</div>
								    		<div class="pay-list text-center relative ">
									      		<p>￥200</p>
									      		<h6 class="">VIP一个月</h6>
									      		<div class="absolute vip-font text_left">
									      			<p>会员权限可下载：串烧区、单曲、套曲、音乐人、视频</p>
									      			<p class="mg_top5">每天下载：10首</p>
									      		</div>
									      	</div>
								    		<div class="pay-list text-center relative ">
									      		<p>￥200</p>
									      		<h6 class="">VIP一个月</h6>
									      		<div class="absolute vip-font text_left">
									      			<p>会员权限可下载：串烧区、单曲、套曲、音乐人、视频</p>
									      			<p class="mg_top5">每天下载：10首</p>
									      		</div>
									        </div>
								    	</div>
								    	<div class="swiper-slide">
								    		<div class="pay-list text-center relative ">
									      		<p>￥200</p>
									      		<h6 class="">VIP一个月</h6>
									      		<div class="absolute vip-font text_left">
									      			<p>会员权限可下载：串烧区、单曲、套曲、音乐人、视频</p>
									      			<p class="mg_top5">每天下载：10首</p>
									      		</div>
									      	</div>
								    		<div class="pay-list text-center relative ">
									      		<p>￥200</p>
									      		<h6 class="">VIP一个月</h6>
									      		<div class="absolute vip-font text_left">
									      			<p>会员权限可下载：串烧区、单曲、套曲、音乐人、视频</p>
									      			<p class="mg_top5">每天下载：10首</p>
									      		</div>
									      	</div>
								    		<div class="pay-list text-center relative ">
									      		<p>￥200</p>
									      		<h6 class="">VIP一个月</h6>
									      		<div class="absolute vip-font text_left">
									      			<p>会员权限可下载：串烧区、单曲、套曲、音乐人、视频</p>
									      			<p class="mg_top5">每天下载：10首</p>
									      		</div>
									      	</div>
								    		<div class="pay-list text-center relative ">
									      		<p>￥200</p>
									      		<h6 class="">VIP一个月</h6>
									      		<div class="absolute vip-font text_left">
									      			<p>会员权限可下载：串烧区、单曲、套曲、音乐人、视频</p>
									      			<p class="mg_top5">每天下载：10首</p>
									      		</div>
									        </div>
								    	</div>
								    	<div class="swiper-slide">
								    		<div class="pay-list text-center relative ">
									      		<p>￥200</p>
									      		<h6 class="">VIP一个月</h6>
									      		<div class="absolute vip-font text_left">
									      			<p>会员权限可下载：串烧区、单曲、套曲、音乐人、视频</p>
									      			<p class="mg_top5">每天下载：10首</p>
									      		</div>
									      	</div>
								    		<div class="pay-list text-center relative ">
									      		<p>￥200</p>
									      		<h6 class="">VIP一个月</h6>
									      		<div class="absolute vip-font text_left">
									      			<p>会员权限可下载：串烧区、单曲、套曲、音乐人、视频</p>
									      			<p class="mg_top5">每天下载：10首</p>
									      		</div>
									      	</div>
								    		<div class="pay-list text-center relative ">
									      		<p>￥200</p>
									      		<h6 class="">VIP一个月</h6>
									      		<div class="absolute vip-font text_left">
									      			<p>会员权限可下载：串烧区、单曲、套曲、音乐人、视频</p>
									      			<p class="mg_top5">每天下载：10首</p>
									      		</div>
									      	</div>
								    		<div class="pay-list text-center relative ">
									      		<p>￥200</p>
									      		<h6 class="">VIP一个月</h6>
									      		<div class="absolute vip-font text_left">
									      			<p>会员权限可下载：串烧区、单曲、套曲、音乐人、视频</p>
									      			<p class="mg_top5">每天下载：10首</p>
									      		</div>
									        </div>
								    	</div>
							    	</div>
							    <!-- Add Pagination -->
							        <!--<div class="swiper-pagination"></div>-->
							        <div class="swiper-button-next"></div>
                                    <div class="swiper-button-prev"></div>
						        </div>
							</div>
				    
			    		</div>
    		        </div>
    		       
	    		</div>
	    		 <div class="pay-iconbox mg_tb20 text-center">
	    	    	<a href="javascript:;"><img width="30" class="vertical-align_m" src="img/pay-icon-wx.png"/> 微信支付</a>
	    	    	<a href="javascript:;" class="mg_left20"><img width="30" class="vertical-align_m " src="img/pay-icon-pay.png"/> 支付宝支付</a>
	    	    	<span class="mg_left20"><img width="80" height="80"class="vertical-align_m "  src="img/code-wechat.jpg"/> </span>
	    	    </div>
    		</div>
    	
    	<!--底部-->
    	<div class="footer">
    		<div class="width1200 clearfix">
    			<div class="footer-left left">
    				<p><img width="150" src="img/logo1.png"/></p>
    				<div class="mg_top10">
    					<p class="mg_left20 color_ff">2017-2018 RNBDJ</p>
    					<p class="color_ff mg_top10">微霸网络科技有限公司 Www.Rnbdj.coM </p>
    					<p class="color_ff mg_top10">公司介绍介绍介绍介绍介绍介绍</p>
    				</div>
    			</div>
    			<div class="left footer-moiddle">
					<div class="clearfix text-center">
						<div class="left mg_r20">
							<h4 class="color_ff"><strong>Android</strong></h4>
							<p class="color_ff mg_top40"><img width="130" src="img/code-wechat.jpg"/></p>
						</div>
						<div class="left mg_left20">
							<h4 class="color_ff"><strong>IOS</strong></h4>
							<p class="color_ff mg_top40"><img width="130" src="img/code-wechat.jpg"/></p>
						</div>
					</div>
				</div>
				<div class="left footer-right">
					<div class="clearfix text-center">
						<div class="left mg_r20">
							<h4 class="color_ff"><strong>RNBDJ</strong></h4>
							<p class="color_ff mg_top40">客服电话：18542147589</p>
							<p class="color_ff mg_top20">客服Q Q：18542147589</p>
							<p class="color_ff mg_top20">客服微信：18542147589</p>
						</div>
						<div class="left mg_left20">
							<h4 class="color_ff"><strong>友情链接</strong></h4>
							<p class=" mg_top40"><a href="javascript:;" class="color_ff">友情链接111111111</a></p>
							<p class=" mg_top20"><a href="javascript:;" class="color_ff">友情链接111111111</a></p>
							<p class=" mg_top20"><a href="javascript:;" class="color_ff">友情链接111111111</a></p>
						</div>
					</div>
				</div>
    		</div>
         </div>
	    <div class="bg_1a text-center padding_tb20">
    		<p class="color_b ">免责声明:本站全部舞曲免费在线试听，请在下载后24小时内删除，否则后果与本站无关，如喜欢音乐请购买正版，其所有权为DJ及所属公司拥有</p>
    		<p class="color_b mg_top10">网络文化经营许可证:晋网文[2015]2086-005号| 增值电信业务经营许可证：晋B2-20150031| 晋ICP备16009633号-3</p>
	    </div>
	    <!--提现-->
    	<div class="mask tx-mask">
	    	<h4 class="padding_10 text-center mask-tittle color_ff">小胡子  VIP等级:3  (余额：100金币)</h4>
	    	<div class="text_left mg_tb10 padding_lr30">
	    		<p class="mask-inpbox"><span>提现金额 ：<input type="number" name=""  value="" placeholder="请输入提现金额" /></span></p>
	    		<div class="mg_top10 radio-box">
	    			<span>提现到：</span>
	    			<i class="radio-sex">
	    				<label for="wx">
		    				<img class="radio-list vertical-align_m" src="img/rideo-select.png"/>
		    				<img class="vertical-align_m mg_left20" src="img/pay-icon-wx.png"/>微信
		    			</label>
		    			<input type="radio"  name="sex" id="wx" checked="checked" hidden="hidden" value="" />
	    			</i> 
	    			<p style="margin:20px 0 0 56px;" class="radio-sex">
	    				<input type="radio" name="sex" hidden="hidden" id="pay" value="" />
		    			<label for="pay">
		    				<img class="radio-list vertical-align_m" src="img/rideo.png"/>
		    				<img class="vertical-align_m mg_left20" src="img/pay-icon-pay.png"/>支付宝
		    			</label>
		    			<input type="radio"  name="sex" id="pay" hidden="hidden" value="" />
	    			</p>
	    			<p style="margin:20px 0 0 56px;" class="radio-sex">
	    				<input type="radio" name="sex" hidden="hidden" id="card" value="" />
		    			<label for="card">
		    				<img class="radio-list vertical-align_m" src="img/rideo.png"/>
		    				<img class="vertical-align_m mg_left20" src="img/icon-bank.png"/>银行卡
		    			</label>
		    			<input type="radio"  name="sex" id="card" hidden="hidden" value="" />
	    			</p>
	    		</div>
	    		<div class="mask-inpbox relative code-box mg_top20">
	    			<span>手机号：</span>
	    			<input type="tel" name=""  value=""  placeholder="请输入手机号"/> <br />
	    			<input type="tel" name=""  value="" style="margin: 10px 0 0 55px;" placeholder="请输入验证码"/>
	    			<input type="text"  class="generate_code color_ff absolute" name=""  value="发送验证码" readonly="readonly" onclick="settime()" onfocus="this.blur()">
	    		</div>
	    	</div>
	    	<p class="mask-abox text-center">
	    		<a href="javascript:;">提交</a>
	    		<a href="javascript:;" onclick="cancel(this)">取消</a>
	    	</p>
	    </div>
	    <!--充值成功-->
    	<div class="big-mask">
    		<h4 class="padding_10 text-center mask-tittle color_ff font_16">充值成功</h4>
    		<div class="mg_tb20 text-center padding_b50">
    			<img width="120" src="img/success-img.png"/>
    			<p class="color_00 mg_top10"><strong>支付成功</strong></p>
    		</div>
    	</div>
    	<!--开通会员 充值-->

	  
	  	<div class="overlay"></div>
	    <script src="js/jquery-1.7.1.min.js" type="text/javascript" charset="utf-8"></script>
	    <script src="js/index.js" type="text/javascript" charset="utf-8"></script>
	    <script src="js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
	    <script type="text/javascript">
	    $(function(){
	    	$(".tx-a").click(function(){
	    		overy_show()
	    		$(".tx-mask").fadeIn(200)
	    	})
            //vip
            var swiper = new Swiper('.vip .swiper-container', {
		     	loop:true,
		     	 navigation: {
			        nextEl: '.swiper-button-next',
			        prevEl: '.swiper-button-prev',
			      },
			    pagination: {
			        el: '.swiper-pagination',
			        clickable: true,
			        renderBullet: function (index, className) {
			          return '<span class="' + className + '"></span>';
			        },
			      },
			})
            // 充值
            var swiper = new Swiper('.recharge .swiper-container', {
		     	loop:true,
			    pagination: {
			        el: '.swiper-pagination',
			        clickable: true,
			        renderBullet: function (index, className) {
			          return '<span class="' + className + '"></span>';
			        },
			      },
			})
            //最新
//				var swiper = new Swiper('#new-wuqu .swiper-container', {
////			     	  autoplay:true,
//			     	  loop:true,
//				      pagination: {
//				        el: '.swiper-pagination',
//				        clickable: true,
//				        renderBullet: function (index, className) {
//				          return '<span class="' + className + '"></span>';
//				        },
//				      },
//				})
	    })	
	    </script>



	</body>
</html>
